﻿<%@ Page Title="" Language="C#" MasterPageFile="~/Views/Shared/ViMap.Master" Inherits="System.Web.Mvc.ViewPage<dynamic>" %>

<asp:Content ID="Content2" ContentPlaceHolderID="head" runat="server">
    <script type="text/javascript">
        window.location.hash = '<%= ViewData["currCity"].ToString() %>';
    </script>
</asp:Content>

<asp:Content ID="Content1" ContentPlaceHolderID="MainContent" runat="server">
    <script type="text/javascript">
       
        $(window).load(function () {
            mCustomScrollbars_2();
        });
        
        $("document").ready(function () {
            $("#hasStartPoint").val('<%= ViewData["hasStartPoint"].ToString() %>');
            $("#hasEndPoint").val('<%= ViewData["hasEndPoint"].ToString() %>');

            $("#start_location").val('<%= ViewData["start_location"].ToString() %>');
            $("#end_location").val('<%= ViewData["end_location"].ToString() %>');
            
            $("#placeIdStart").val('<%= ViewData["placeIdStart"].ToString() %>');
            $("#placeIdEnd").val('<%= ViewData["placeIdEnd"].ToString() %>');
            
            $("#isGStartPoint").val('<%= ViewData["isGStartPoint"].ToString() %>');
            $("#isGEndPoint").val('<%= ViewData["isGEndPoint"].ToString() %>');

        });
    </script>
     
    <div style="width:336px; z-index:1; position:absolute; top:100px;" id="draggable">
	    <b class="rtop"><b class="r1"></b><b class="r2"></b><b class="r3"></b><b class="r4"></b></b>
        <div style="border: 3px solid rgba(0, 0, 0, 0.75); border-top: none; border-bottom: none ">
            <a onclick="closeSearchBox()"><div  id="closeBtn"></div></a>
        </div>
        <div id="routelistDiv" style="border: 3px solid #262D28; border-top: none; border-bottom: none; display:none">
            <select name="routelist" id="routelist">
		    </select>
        </div>
        <div class="mbox_add2"><img src="../../images/start_point.png" align="left" style="margin-left:5px; margin-top:3px" />&nbsp;&nbsp;<span id="start_address" style="font-weight:bold"><a>Điểm đi</a></span></div>
        <div id="mcs2_container">
	        <div class="customScrollBox" >
		        <div class="container" >
    		        <div class="content">
					    <table id="listInts" style="margin-top:10px">
                            <!-- content -->
                        </table>
			        </div>
                </div>
                <div class="dragger_container">
    			        <div class="dragger"></div>
                </div>
            </div>
	    </div>
        <div class="mbox_caption2">
            <ul id="vehicles">
                <li><a class="walking" title="Đi bộ" onclick="DetailofRoute('WALKING')"></a></li>
                <li><a class="motorbike" title="Đi xe máy" onclick="DetailofRoute('MOTORBIKE')"></a></li>
                <%-- <li><a class="car" title="Đi ô tô" onclick="DetailofRoute('DRIVING')"></a></li>--%>
                <li><a class="reverse" title="Đảo lộ trình" onclick=""></a></li>
                <li style="margin-top:8px"><span id="infoRoute"></span></li>
            </ul>
        </div>
        <div class="mbox_add1"><img src="../../images/end_point.png" align="left" style="margin-left:5px; margin-top:3px" />&nbsp;&nbsp;<span id="end_address" style="font-weight:bold">Điểm đến</span></div>
        <div class="mbox_add1" style="height:2px">&nbsp;</div>
	    <b class="rbottom"><b class="r4"></b><b class="r3"></b><b class="r2"></b><b class="r1"></b></b>
    </div>
    <a href="#" onclick="openSearchBox()"><div id="restoreTab" class="restore_tab" style="visibility:hidden"></div></a>    
    <script type="text/javascript">
        $("#navmenu ul").idTabs("tab2");
        $(document).ready(function () {
            DetailofRoute("MOTORBIKE"); //show detail route    
        })
    </script>
</asp:Content>


